<div id="box-slide">
    <input type="radio" name="box" class="input" id="photo1" checked="checked"/>
    <label class="label" id="button1" for="photo1"><span class="title-slide" >All Categories</span><span class="text-view">View Details</span></label>
    <input type="radio" name="box" class="input" id="photo2" />
    <label class="label" id="button2" for="photo2"><span class="title-slide" >All Categories</span><span class="text-view">View Details</span></label>
    <input type="radio" name="box" class="input" id="photo3" />
    <label class="label" id="button3" for="photo3"><span class="title-slide" >All Categories</span><span class="text-view">View Details</span></label>
    <input type="radio" name="box" class="input" id="photo4" />
    <label class="label" id="button4" for="photo4"><span class="title-slide" >All Categories</span><span class="text-view">View Details</span></label>
    <div id="slide">
        <div class="image-1"><a href="#"><img src="catalog/view/theme/default/images/slide1-870-250-870x365.jpg" /></a></div>
        <div class="image-1"><a href="#"><img src="catalog/view/theme/default/images/slide2-870-365-870x365.jpg" /></a></div>
        <div class="image-1"><a href="#"><img src="catalog/view/theme/default/images/slide3-870-365-870x365.jpg" /></a></div>
        <div class="image-1"><a href="#"><img src="catalog/view/theme/default/images/slide-4-870-365-870x365.jpg" /></a></div>
    </div>
</div>